import { Flex,Progress } from 'antd'

interface AAProps {
  progress?: number;
  showInfo?: boolean;
}

function Index({ progress = 30, showInfo = true }: AAProps) {
  return (
    <div >
        <Flex gap='small' vertical>
                <Progress 
                  percent={progress} 
                  showInfo={showInfo}
                  format={(percent) => `${percent}%`}
                  strokeColor={{
                    '0%': '#1890ff',
                    '100%': '#52c41a',
                  }}
                />
        </Flex>
    </div>
  )
}

export default Index
